今天要接著昨天的進度繼續學習
1.建立下拉式選單
<select>
<option>~</option>
<option>~</option>
</select>
用<select>~</select>
包圍全部內容,再以 <option>~</option>
包圍每個項目,用name屬性設定<select>
標籤,用value屬性設定<option>
標籤。
給予multiple屬性,可選擇多個項目。
能以下拉型式顯示多種選項的表單元件稱為「下拉式選單」,此表單要讓訪客選擇屬於自己屬於哪一種類型,下拉式選單的範圍要用<section>
標籤包圍,並用<option>
標籤包圍其中的選項,設定後請在<section>
標籤加上name屬性,並在<option>
標籤加上value屬性。
2.建立多行文字輸入欄<textarea> <textarea>
在開始標籤與結束標籤之間輸入的字串會當作預設值,通常會先空白。
(一)建立「留言」輸入欄
</p>
<p>留言<textarea name="message"></textarea></p>
<p>Send</p>
在此要加入讓訪客留言的欄位,考慮到留言可能會超過一行,所以要建立多行文字輸入欄。
這裡使用<textarea>
標籤範圍,並加上name屬性。
(二)建立表單按鈕
<p>留言<textarea name="message"></textarea></p>
<p><input type="submit" value="Send"></p>
</form>
填完表單資料之後,通常會按個按鈕將資料送出,只要在<input>
標籤的tpye屬性設定成submit,即可建立傳送按鈕,value屬性的值就是按鈕上顯示的文字,若有多個按鈕,則必須加上name屬性,以便判斷訪客是按了哪個按鈕,這裡只有一個按鈕,所以不須設定。
今天先到這裡明天再繼續!